<%@ page language="java" contentType="text/html; charset=UTF-8"%>

<!DOCTYPE html>
<html>
<head>
<title>建筑物列表</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="renderer" content="webkit">
<%@ include file="/WEB-INF/common.jsp"%>

<link href="${path }/resources/css/plugins/bootstrap-table/bootstrap-table.min.css" rel="stylesheet">
<link href="${path }/resources/css/animate.css" rel="stylesheet">
<link href="${path }/resources/css/style.css?v=4.1.0" rel="stylesheet">

<!--dataTables css样式-->
<link rel="stylesheet" type="text/css"
	href="${path }/resources/css/jquery.dataTables.min.css">
<!--DataTables button扩展-->
<link rel="stylesheet" type="text/css"
	href="${path }/resources/css/buttons.dataTables.min.css">


</head>
<body class="gray-bg" style="">
<jsp:include page="/WEB-INF/loginCheck.jsp" />
	<div>
		<h1>建筑物列表</h1>
	</div>
	<!--查询条件  -->
	<div id="selectbar" barclass="panel-body" style="margin-top: 30px">
		<!--省市区  -->
		<div class="btn-group" style="margin-left: 60px">
			<form class="form-inline">
				<div id="distpicker5">
					<div class="form-group">
						<label class="control-label col-md-3 col-sm-3 col-xs-12"
							for="last-name">项目名称<span class="required">*</span>
						</label>
						<div class="col-md-6 col-sm-6 col-xs-12">
							<input  value="${contractName}" name="name" required="required" class="form-control col-md-7 col-xs-12" disabled="true">
						</div>
			       </div>
			       <input type="hidden" name="id" value="${contractId}">
					<div class="form-group">
						<label class="control-label col-md-3 col-sm-3 col-xs-3"
							for="last-name"style="font-size:15px">总建筑面积（平方米）<span class="required">*</span>
						</label>
						<div class="col-md-4 col-sm-4 col-xs-4">
							<input id="saveArea" value="${buildingArea}" name="totalArea" required="required" class="form-control col-md-7 col-xs-12" required="required">
						</div >
						<div class="col-md-4 col-sm-4 col-xs-4" style="margin-left:5px">
							<button class="btn btn-primary " type="button" style="margin-right:15px" onclick="showArea()">保存</button>
						</div>
			       </div>
				</div>
			</form>
			<form class="form-inline">
				<div id="distpicker5">
			       <div class="form-group">
						<a href="${path }/contract/showContract.htm" class="btn btn-primary" style="margin-left:10px;">返回</a>
			       </div>
			       <div class="form-group">
						<h4 style="color:red">注意：添加的建筑物必须是共用一套自动消防设施的相关建筑物</h4>
			       </div>
				</div>
			</form>
		</div>
	</div>
	
  	<!--表格  -->
 	<div class="col-md-12 col-sm-12 col-xs-12" style="margin-top: 30px">
		<table id="buildList" class="table table-bordered table-striped" style="width:100%">
			<thead>
				<tr>
					<!-- <th>序号</th> -->
					<th>建筑名称</th>
					<th>建筑面积（平方米）</th>
					<th>地上面积（平方米）</th>
					<th>地下面积（平方米）</th>
					<th>地上层数</th>
					<th>地下层数</th>
					<th>建筑高度（米）</th>
					<th>围栏半径（米）</th>
				</tr>
			</thead>
		</table>
	</div>
 
	
	<!-- Peity-->
	<script src="${path }/resources/js/plugins/peity/jquery.peity.min.js"></script>
	
	<!-- Bootstrap table-->
	<script src="${path }/resources/js/plugins/bootstrap-table/bootstrap-table.min.js"></script>
	<script src="${path }/resources/js/plugins/bootstrap-table/locale/bootstrap-table-zh-CN.min.js"></script>

	<!-- 自定义js-->
	<script src="${path }/resources/js/content.js?v=1.0.0"></script>
	
	<!-- jQuery Validation plugin javascript-->
    <script src="${path }/resources/js/plugins/validate/jquery.validate.min.js"></script>
    <script src="${path }/resources/js/plugins/validate/messages_zh.min.js"></script>
   
   	<!-- jQuery form  -->
    <script src="${path }/resources/js/jquery.form.min.js"></script>
    
    <!-- layer javascript -->
    <script src="${path }/resources/js/plugins/layer/layer.min.js"></script>
    
    	<!--DataTables 核心 js-->
	<script src="${path }/resources/js/jquery.dataTables.min.js"></script>
	<!--DataTables button扩展-->
	<script
		src="${path }/resources/js/dataTables.buttons.min.js"></script>
	<!--DataTables 导出相关js文件-->
	<script src="${path }/resources/js/buttons.html5.min.js"></script>
	<script src="${path }/resources/js/jszip.min.js"></script>
	<script type="text/javascript">
          var data=${buildingList};     
         //然后 DataTables 这样初始化：
         $('#buildList').DataTable( {
        	 "data": data,
        	 "dom": 'lrftip',
         	language: { 
         		"paginate": {
         	          "processing": "正在处理中。。。"
         	        },
         	      //"sProcessing": "处理中...",  
         	      "sLengthMenu": "显示 _MENU_ 项结果",  
         	      "sZeroRecords": "没有匹配结果",  
         	      "sInfo": "显示第 _START_ 至 _END_ 项结果，共 _TOTAL_ 项",  
         	      "sInfoEmpty": "显示第 0 至 0 项结果，共 0 项",  
         	      "sInfoFiltered": "(由 _MAX_ 项结果过滤)",  
         	      "sInfoPostFix": "",  
         	      "sSearch": "搜索:",  
         	      "sUrl": "",  
         	      "sEmptyTable": "表中数据为空",  
         	      "sLoadingRecords": "载入中...",  
         	      "sInfoThousands": ",",  
         	      "oPaginate": {  
         	          "sFirst": "首页",  
         	          "sPrevious": "上页",  
         	          "sNext": "下页",  
         	          "sLast": "末页"  
         	      },  
         	      "oAria": {  
         	          "sSortAscending": ": 以升序排列此列",  
         	          "sSortDescending": ": 以降序排列此列"  
         	      }  
         	  }  ,
              "iDisplayLength":15,
          	  "lengthMenu":[10,15,20], 
        	  "columns": [ 
		             /* { "data": "id" }, */
		             { "data": "building_name",
						 "defaultContent": "" },
		             { "data": "building_area" ,
							 "defaultContent": "" },
		             { "data": "overground_area",
							 "defaultContent": ""  },
		             { "data": "upground_area",
							 "defaultContent": "" },
		             { "data": "overground_layer" ,
							 "defaultContent": "" },
		             { "data": "underground_layer",
								 "defaultContent": ""  },
		             { "data": "building_height",
									 "defaultContent": "" },
		             { "data": "enclosure_length",
										 "defaultContent": "" }
									 ],
         } );
         //加载建筑物面积
         function showArea()
    		{
    		//正整数
    			var r=/^\+?[1-9][0-9]*$/;
    			var param = document.getElementById("saveArea").value;
    			var paramId=${contractId};
    			if(!r.test(param)){
    				alert("请输入正整数！");
    				return;
    			}
    			$.ajax({
    				url:"/firefighting/building/editBuildingArea.htm",
    				type:"POST",
    				dataType:'json',
    				data:{
    					"id":paramId,
    					"buildingArea":param,
    				},
    				success:function(data)
    				{
    					var flag = data.flag;
    					if(flag == true)
    						{
    						alert("保存成功!");  
    						$('saveArea').val("");
    						document.getElementById('saveArea').setAttribute('placeholder','总建筑面积为：'+data+'/平方米');
    						}
    					else
    						{
								alert("保存失败!");    						
    						}		
    				},
     				error:function(data)
    				{
    					alert("保存失败，稍后重试！")
    				} 
    			});
    		}
         var contractid=${contractId};
         function del_graph(a) {
        	    if (window.confirm('你确定要删除此建筑吗？')) {
        	        $.ajax({      	       
        	            url: "/firefighting/building/deleteBuilding.htm",
        	            type: 'POST',
/*         	            async: false, */
        	            data: {id: a},
        	            dataType: "json",
                        traditional: true,//属性在这里设置
                        cache: false,
        	            success: function (data) {
        	                var flag = data.flag;
        	                if(flag==true){
            	              alert("删除成功");
            	              //window.location.href='"/firefighting/building/deleteBuilding.htm?id="+contractid';
            	              window.location.href= "/firefighting/building/getAllBuilding.htm?id="+contractid;  
        	                }
        	                else{
        	                   alert("删除失败");
        	                }
        	            },
        	            error: function (data) {
        	                alert("删除失败");
        	            }
        	        });
        	        return true;
        	    } else {
        	        return false;
        	    }
        	}
 
	</script>

</body>
</html>